<template>
	<view class="">
		<view class="pr">
			<image :src="kmzxcf.contentImg" class="kkxczrtewcxeretr cz" mode="aspectFill"></image>
			<view class="kmmxcsfdr vertical-center tl pl40">
				<view class="cf fz50 b">
					{{kmzxcf.companyName}}
				</view>
				<view class="mt20">
					<text class="iconfont icon-map cf fz40 cz"></text>
					<text class="fz30 cf cz ml10">{{kmzxcf.companyAddr}}</text>
				</view>
			</view>
		</view>
		<view class="pd">
			<view class="kkcvxcvrtrcxr pd pt20 pm20">
				<view class="">
					<text class="iconfont icon-gongsiguanli ls fz40 cz"></text>
					<text class="z3 fz32 ml10 cz">企业简介</text>
				</view>
				<view class="btm mt20 pt20 z9 fz24 dsfcxzctrret">
					{{kmzxcf.content}}
				</view>
			</view>
			<view class="mt20 bgff pt20 yj8">
				<zwList :kxzcxfdf="kxzcxfdf"></zwList>

			</view>
		</view>
	</view>
</template>
<script lang="ts" setup>
	import { ref } from "vue"
	import { hf, dxrequest } from "@/util/index.js"
	import { onLoad } from "@dcloudio/uni-app"
	import zwList from "@/components/zwList.vue"
	const kmzxcf = ref({})
	const kxzcxfdf = ref([])
	const initsd = async (id) => {
		uni.showLoading({
			title: "加载中"
		})
		const { data } = await dxrequest("/api/tmcompany/" + id)
		console.log(data)
		kmzxcf.value = data
		await zhiweik(data.id)
	}
	const zhiweik = async (companyId) => {
		uni.hideLoading()
		const { data } = await dxrequest("/api/job/page", {
			limit: 999,
			companyId
		})
		kxzcxfdf.value = data.list

	}

	onLoad((data) => {
		initsd(data.id)
	})
</script>

<style scoped>
	.kkxczrtewcxeretr {
		height: 400rpx;
		width: 100%;
	}

	.kmmxcsfdr {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #00000050;
	}

	.kkcvxcvrtrcxr {
		background: #fff;
		border-radius: 20rpx;
		margin-top: -80rpx;
		position: relative;
		z-index: 100;
	}

	.dsfcxzctrret {
		line-height: 1.6;
	}
</style>